<template lang="pug">
van-popup.shade-dialog--base(v-model="isShowMixin" v-bind="$attrs" v-on="$listeners")
  i.van-icon.van-icon-cross.ctrl-icon(@click='isShowMixin = false')
  transition(enter-active-class="animated scaleIn" leave-active-class="animated scaleOut" appear)
    .shade-dialog.faster.full(v-show="isShowMixin")
      slot
</template>
<script>
import dialogMixin from '../mixins/dialogMixin'
export default {
  name: 'ShadeDialog',
  mixins: [dialogMixin],
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
}
</script>
<style lang="stylus">
.shade-dialog--base
  position fixed
  left 0
  top 0
  bottom 0
  right 0
  background-color transparent
  overflow-y visible!important
  transform none!important
  .van-icon.van-icon-cross
    position absolute
    right 10px
    top 26px
    height 26px
    width 26px
</style>
